
html{
	height: 100%;	
}

body{
	font-family: fantasy;
}

/******************** Defaut ************************/

*{
	margin: 0px;
	padding: 0px;	
}


ul {
	list-style: url("../theme/icon_bullet.png") inside;	
}

a{
	color: #A4051B;
	text-decoration: underline; 	
}

a:hover{
	text-decoration: none; 	
}

/******************** Erreur ************************/
.erreur{
	color: #A4051B;
}

/********************* Entete ***********************/

#header{
	height: 120px;
}

/********************* Banniere **********************/
#banniere {
	color: #fff;
	background-color: #333;
	height: 70px;
	width: 590px;
	text-align: center;
	line-height: 30px;
	font-family: palatino;
	font-size: 20px;
}

#slogan {
	font-style: italic;
}

/******************* Statut membre *******************/

#compteTmp{
	position:absolute;
	right: 0;
	top: 0;	
}

#connexionCompteTmp,
#statutMembreTmp{
	background-color: #333;
	width: 290px;
	height: 70px;
	padding-left: 10px;
}

#connexionCompteTmp a,
#statutMembreTmp a{
	color:#fff;
	text-decoration: underline;
}

#statutMembreTmp{
	color:#fff;
	background:#333 url("../theme/fleche_bas.gif") no-repeat 260px 25px;
}

#infosCompte{
	display:none;
	background-color: #fff;
	border-left: solid 1px #333;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	padding: 2px;
}

#infosCompte ul li{
	list-style: none;
}

#infosCompte a{
	color: #A4051B;
	text-decoration: underline;
}

#infosCompte a:hover{
	text-decoration: none;
}

#infosMembre h3 {
	background-color: #C9001A;
	color: #fff;
}

/********************* Contener *********************/

#contener{
	/*border:solid 1px #000000;*/
	position: absolute;
	top: 0px; 
	left:50%;
	margin-left: -450px;
	width: 900px;	
}

/********************* Barre de navigation *********************/

#navigation{
	height: 21px;
	background-color: #333;	
}

#navigation ul{
	position:relative;
	/*list-style-type:none;*/
	list-style: none;
}

#navigation ul li{
    float:left;
    position:relative;
}

#navigation ul li ul{
    display: none;
    position: absolute;
}

#navigation ul li ul li{
    float:none;
    position:relative;
}

 #navigation a:link, #navigation a:active, #navigation a:visited{
    display:block;
    padding:0px 5px;
    border:1px solid #333;
    color:#fff;
    text-decoration:none;
    background-color:#333;
 }

#navigation a:hover{
    background-color:#fff;
    color:#333;
}

/*********************** pied de page ***********************/
#footer{
	background-color:#333;
	color: #fff;
	padding:4px;
	height: 18px;
}

/************************* article ***************************/

#article h2{
	text-align: center;
	margin: 10px;	
}

#article .textArticle{
	margin: 10px;	
}

/************************** articles *************************/

#articles{

	margin: 10px;	
}

/* articles accueil */
#articlesAccueil{
	width: 620px;	
}

#articlesAccueil span.auteurArticle,
#articles span.auteurArticle{
	float: right;
}

.bandeauSport {
	width: 100%;
	background-color: #375D81;
	color: #fff;
	}

.bandeauSport Football h3 {
	background-color: #31B73E;
	color: #fff;
}
.bandeauSport Rugby h3 {
	background-color: #066B10;
	color: #fff;
}
.bandeauSport Tennis h3 {
	background-color: #DEC800;
	color: #fff;
}
.bandeauSport Basketball h3 {
	background-color: #DF6609;
	color: #fff;
}	

/******************Tous les Commentaires ******************/
#tousCommentaires h2 {
	text-align: center;
	margin: 10px;
}

#suiteCommentaires {
	margin: 15px;
}

/******************** blocResumeArticle *******************/ 

.blocResumeArticle, .blocResumeArticleAccueil{
	margin-bottom: 10px;
	border:solid 1px #bbb;
}

.blocResumeArticleAccueil{
	width: 600px;
}

.blocResumeArticle{
	width: 100%;
}

.blocResumeArticle h1, .blocResumeArticleAccueil h1{
	font-size: 20px;
	padding: 2px;
	background-color: #375D81;
	color: #fff;
}

.blocResumeArticle h1 a, .blocResumeArticleAccueil h1 a{
	color: #fff;
	text-decoration: none;
}

.blocResumeArticle h1 a:hover, .blocResumeArticleAccueil h1 a:hover{
	color: #333;
	text-decoration: none;
}

.modificationArticle{
	float: right;
}

.modificationArticle, 
#articlesAccueil span.auteurArticle,
#articles span.auteurArticle{
	font-size: 15px;
}

.dateArticle{
	padding: 2px;
	font-size:12px;
	font-style: italic;	
}

.resumeArticle{
	font-size: 15px;
	padding: 5px;
}

.detailsArticle{
	padding: 2px;
	padding-right: 20px;
	text-align: right;
}
.detailsArticle a{
	text-decoration: underline;
	color: #A4051B;
}
.detailsArticle a:hover{
	text-decoration: none;
	color: #333;
}

.infosArticle{
	padding: 2px;
	font-size: 15px;
	font-style: italic;	
}

/******************* Code couleur des titres d'un article ***************/
.Football h1, .Football h3 {
	background-color: #31B73E;
	color: #fff;
}
.Rugby h1, .Rugby h3 {
	background-color: #066B10;
	color: #fff;
}
.Tennis h1, .Tennis h3 {
	background-color: #DEC800;
	color: #fff;
}
.Basketball h1, .Basketball h3 {
	background-color: #DF6609;
	color: #fff;
}	

/************************ Menu droite *****************************/

#menuDroite .titreMenuDroite{
	font-weight:bold;
}

#menuDroite{
	margin: 10px;
	float: right;
	width: 250px;
}

#usual1 ul{
	list-style: none;	
}

#usual1 ul.usual li{
	width : 50%;
	float: left;
}

#usual1 ul.usual li a{
	font-weight:bold;
	display: block;
	padding: 2px;
	text-decoration: none;
	background-color: #DDDDDD;
	color: #000000;
}

#usual1 ul.usual li:first-child a{
	border-bottom: solid 1px #333;	
}

#usual1 ul.usual li:last-child a{
	border-bottom: solid 1px #333;
}

#usual1 ul.usual li a.selected, #usual1 ul.usual li a:hover{
	background-color: #ffffff;
	color: #000000;	
}

#usual1 ul.usual li:first-child a.selected{
	border-top: solid 1px #333;
	border-left: solid 1px #333;
	border-bottom: 0px;
	border-right: solid 1px #333;	
}

#usual1 ul.usual li:last-child a.selected{
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	border-bottom: 0px;
	border-left: solid 1px #333;	
}

#tab1, #tab2, #tab3{
	border-bottom: solid 1px #333;
	border-right: solid 1px #333;
	border-left: solid 1px #333;
}

#meilleurRedacteur ul, #dernierCommentaires ul,
#tab1 ul, #tab2 ul, #tab3 ul{
	list-style: url("../theme/icon_bullet.png") inside;	
}

#tab1 ul li, #tab2 ul li, #tab3 ul li,
#meilleurRedacteur ul li,
#dernierCommentaires ul li{
	margin: 5px;	
}

#tab1 .infoArticle, #tab2 .infoArticle, #tab3 .infoMembre{
	font-style: italic;
	font-size: 14px;
	margin-left: 2px;
}

/************************ Meilleur redacteur ********************/

#meilleurRedacteur,
#dernierCommentaires{
	margin-top: 10px;
	border:solid 1px #333;
}

/***************************** Connexion *************************/

#connexion{
	margin: 0 auto;	
	width: 480px;
	padding: 10px;
}

#connexion .sinscrire{
	float: right;	
	width: 200px;
	margin-top: 10px;
}

.sinscrire p a{
	font-size: 17px;
	display: block;
	margin: 0 auto;
	margin-top: 2px;	
	width: 90px;
	color:#A4051B;
	text-decoration: underline;
}

.sinscrire p a:hover{
	text-decoration: none;	
}

/********************* Formulaire connexion ***********************/

#form_connexion{
	border-right: solid 1px #333;
	width: 260px;
	padding: 5px;
}

#form_connexion p, #formInscription p{
	margin: 2px 0;
}

#form_connexion p label, 
#formInscription fieldset p label,
#redactionArticle label
{
	display: block;
	margin-top: 10px;
}

#form_connexion input[type=text], #form_connexion input[type=password],
#formInscription input[type=text], #formInscription input[type=password]{
	font-size: 17px; 
	border: solid 1px #333;
	padding: 2px;
	width: 250px;
}

#form_connexion input[type=text]:focus, #form_connexion input[type=password]:focus,
#formInscription input[type=text]:focus, #formInscription input[type=password]:focus{
	border: solid 1px #A4051B;
}

#form_connexion input[type=submit], 
#formInscription input[type=submit],
#redactionArticle input[type=submit]{
	display: block;
	margin: 0 auto;
	margin-top:10px;
}

#form_connexion p.oublie a{
	font-size: 14px;
	color:#000000;
	text-decoration: underline;
}

#form_connexion p.oublie a:hover{
	color:#000000;
	text-decoration: none;
}

/********************** Formulaire inscription ************************/

#formInscription{
	width: 500px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;	
}

#formInscription FIELDSET {
	border: solid 1px #333;
	padding: 10px;
}


#redactionArticle{
	margin: 5px;	
}

/************************* Pagination **************************/
.pagination {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.pagination a, .pagination strong{
	border:solid 1px #333;
	color: #000;
	background-color: #bbb;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}

.pagination a:hover{
	color: #fff;
	background-color: #333
}

.pagination img{
	margin: 0 auto;
	border: none;
}

/******************************  Mes articles ******************************/
.listeMesArticles {
	background-color: #C9001A;
	color: #fff;
}
/******************************* style type tri ****************************/
.typeTri{
	text-align: right;	
}

.typeTri a{
	text-decoration: underline;
	color: #A4051B;
}

.typeTri a:hover{
	text-decoration: none;
	color: #333;
}

/*************************** redaction article ******************************/

#redactionArticle p{
	margin-top: 5px;
	margin-bottom: 5px;
}

#redactionArticle textarea{
	display: block;
	border: solid 1px #333;
	margin: 0 auto;
}

#redactionArticle textarea:FOCUS{
	border: solid 1px #A4051B;
}

#redactionArticle p.descriptionArticle label{
	display: inline;
}

#editor{
	margin: 0 auto;	
}
/************************ Création Compétition *****************************/
#creationCompetition {
	text-align: left;
	
}

#creationCompetition p{
	margin-top: 5px;
	margin-bottom: 5px;
}

#creationCompetition textarea{
	display: block;
	border: solid 1px #333;
	margin: 0 auto;
}

#creationCompetition textarea:FOCUS{
	border: solid 1px #A4051B;
}

#creationCompetition creationCompetition label{
	display: inline;
}

#editor{
	margin: 0 auto;	
}
/******************************* Commentaires ****************************/

#commentaires{
margin: 15px;	
}

#commentaires .commentaire{
	background-color:#ddd; 
	margin-bottom: 4px;	
}

#posterCommentaire{
margin: 10px;	
}

#posterCommentaire textarea {
	border: solid 1px #333;
	height: 164px; 
	width: 591px;
}

#posterCommentaire textarea:focus {
	border: solid 1px #A4051B;
}

#posterCommentaire input[type=submit]{
	border: solid 1px #333;
	background-color: #fff;
	margin-top: 5px;
}

#posterCommentaire input[type=submit]{
	border: solid 1px #333;
	background-color: #fff;
	margin-top: 5px;
}

/***************************** Commentaire *****************************/
.commentaire{
	color: #333;
	font-weight: bold;
	font-size: 13px;
}

.commentaire .dateCommentaire{
		float: right;
}

.commentaire a.blocAuteurArticle{
	color: #A4051B;
	text-decoration: underline;
}

.commentaire a.blocAuteurArticle:hover{
	text-decoration: none;
}

.commentaire .texteCommentaire{
	color: #333;	
	font-weight: normal;
	font-size: 15px;
	margin: 2px;
}